<template>
    <div id="app">
      <h1>App组件</h1>
      <Pager type="home" :total="300" :current="current" @pageChange="handlePageChange" />
    </div>
  </template>
  
  <script>
  import Pager from './';
  export default {
    name: 'App',
    components: {
      Pager,
    },
    data() {
      return {
        current: 1
      }
    },
    methods: {
      handlePageChange(newPage) {
        this.current = newPage;
      }
    }
  }
  </script>
  
  <style lang="less">
  .iconfont {
    font-size: 26px;
    color: red;
  }
  </style>
  